<template>
	<view class="e-p-20" :style="[AppSkinVar]">
		<e-loading-page :loading="loading"  >
			<template #icon>
				<loader ></loader>
			</template>
		</e-loading-page>
		
		<view class="e-p-l-20 e-p-r-20 e-p-t-30 e-p-b-30 e-flex bg-white e-radius-20 e-m-b-20" v-for="item in list" :key="item.id">
			<view class="e-flex-1 e-m-r-40">
				<view class="e-m-b-10 e-font-28 c-333">
					{{item.remark}}
				</view>
				<view class="e-font-26 c-secondary">
					{{item.createTime}}
				</view>
			</view>
			<view class="c-red e-font-32 fw-600">
				+{{item.point}}
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	import {ref} from 'vue'
	import {
		getCheckLogList
	} from '@/common/request/api'
	import { useQueryPage } from '@/common/hooks'
	import {
		onReachBottom
	} from '@dcloudio/uni-app'
	
	const loading = ref(true)
	
	const {
		list,
		handleQueryPage,
		handleRefresh
	} = useQueryPage({
		api: getCheckLogList
	})
	
	handleRefresh().finally(() => {
		loading.value = false
	})
	
	onReachBottom(() => {
		handleQueryPage()
	})
</script>

<style>
	page {
		background: #F7F7F7;
	}
</style>
<style lang="scss" scoped>
	
</style>